<template>
	<view>
		<uni-notice-bar show-icon scrollable text="欢迎进入江苏师范大学会议室预约系统！" />
		<view style="margin-top: -9rpx;">
			 <u-swiper
			            :list="list3"
			            indicator
			            indicatorMode="line"
			            circular
			    ></u-swiper>
		</view>
		<view style="margin: 50rpx 20rpx;color: #2979FF;font-size: 30rpx;"></view>
		<view style="display: flex;flex-direction: row;height: 700rpx;">
			<view style="width: 200rpx;background-color: #eaeaea;">
				<ul style="list-style: none;height: 500rpx;margin-left: -40rpx;width: 130rpx;">
					<li @click="box1=true"style="height:100rpx;border-bottom: 1px solid #dddddd;display: flex;justify-content: center;align-items: center;font-size: 30rpx;">简介</li>
					<li @click="box1=false" style="height:100rpx;border-bottom: 1px solid #dddddd;display: flex;justify-content: center;align-items: center;font-size: 30rpx;">会议室</li>
				</ul>
			</view>
			<view  >
				<view style="width: 600rpx;" v-show="box1">
					<uni-card title="学校简介" >
						<text class="uni-body">江苏师范大学是江苏省人民政府和教育部共建高校，是江苏高水平大学建设高校。学校1952年创办于江苏无锡，战功卓著的刘先胜中将为首任校长。1956年正式纳入普通高等教育序列招生。1957年成立江苏师范专科学校。1958年学校北迁徐州，1959年与徐州师范专科学校合并，成立徐州师范学院。60年代初，全国高校布局调整，周恩来总理指示：“徐州地区地域辽阔，要有大学”，学校因此得以保留。从此，学校扎根苏北，艰苦创业，逐步发展。1979年开始招收硕士研究生，1981年成为全国首批硕士学位授予单位。</text>
					</uni-card>
				</view>
				<view v-show="!box1" style="width: 600rpx;">
					<uni-card title="会议室"style="height: 700rpx;" >
						<view style="display: flex;flex-direction: row;height: 700rpx;flex-wrap: wrap;">
							<u--image style="margin-left: 10rpx;" width="100px" height="130px" src="https://img1.baidu.com/it/u=1884025151,3420228050&fm=253&fmt=auto&app=138&f=JPEG?w=751&h=500"></u--image>
							<u--image style="margin-left: 10rpx;" width="100px" height="130px" src="https://img0.baidu.com/it/u=1565668460,3226740092&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500"></u--image>
							<u--image style="margin-left: 10rpx;" width="100px" height="130px" src="https://img1.baidu.com/it/u=2681071410,1916223247&fm=253&fmt=auto&app=138&f=JPEG?w=288&h=243"></u--image>
						</view>
					</uni-card>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				list3: [
				                    'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic-bucket.ws.126.net%2Fphoto%2F0007%2F2021-08-30%2FGIL1G31B5MH60007NOS.jpg&refer=http%3A%2F%2Fpic-bucket.ws.126.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1650978201&t=985cd5b2eb78302d86c292d492c1226c',
				                    'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwww.a963.com%2Fuploadfile%2Fthumb%2F2019%2F11%2F900_800_20191113111012949.jpg&refer=http%3A%2F%2Fwww.a963.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1650978201&t=f474419af613ffe62ce0c033c6397c51',
				                    'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwww.zhuang520.com%2Fd%2Ffile%2Fpictrue%2F2020-06-22%2F4231a30929b57778d5a2950ab62a782a.jpg&refer=http%3A%2F%2Fwww.zhuang520.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1650978201&t=5b53d7a83328428bb7e311c81ec1398f',
				                ],
								box1:true
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
